.__hover:hover,.__focus:focus{
	
	//----------主题色系--使用了theme.scss----
	@for $i from 1 through 10{
		// 鼠标经过,焦点,原始,访问,已访问的颜色
		.__color#{$i}{ @extend .color#{$i}; }
		.__color#{$i}-light{@extend .color#{$i}-light; }
		.__color#{$i}-dark{	@extend .color#{$i}-dark; }
		
		.__bg#{$i}{	@extend .bg#{$i};}
		.__bg#{$i}-light{@extend .bg#{$i}-light;}
		.__bg#{$i}-dark{@extend .bg#{$i}-dark;}
		
		.__border-color#{$i}{@extend .border-color#{$i};}
		.__border-color#{$i}-light{	@extend .border-color#{$i}-light;}
		.__border-color#{$i}-dark{@extend .border-color#{$i}-dark;}
	}

}

// =======================================自己hover,focus=======================================
//----------主题色系------
	@for $i from 1 through 10{
		// 鼠标经过,焦点,原始,访问,已访问的颜色
		._hover-color#{$i}:hover,._focus-color#{$i}:focus,._link-color#{$i}:link,._active-color#{$i}:active,._visited-color#{$i}:visited{
			@extend .color#{$i}; 
		}
		._hover-color#{$i}-light:hover,._focus-color#{$i}-light:focus,._link-color#{$i}-light:link,._active-color#{$i}-light:active,._visited-color#{$i}-light:visited{
			@extend .color#{$i}-light; 
		}
		._hover-color#{$i}-dark:hover,._focus-color#{$i}-dark:focus,._link-color#{$i}-dark:link,._active-color#{$i}-dark:active,._visited-color#{$i}-dark:visited{
			@extend .color#{$i}-dark; 
		}
		
		._hover-bg#{$i}:hover,._focus-bg#{$i}:focus,._link-bg#{$i}:link,._active-bg#{$i}:active,._visited-bg#{$i}:visited{
			@extend .bg#{$i};
		}
		._hover-bg#{$i}-light:hover,._focus-bg#{$i}-light:focus,._link-bg#{$i}-light:link,._active-bg#{$i}-light:active,._visited-bg#{$i}-light:visited{
			@extend .bg#{$i}-light;
		}
		._hover-bg#{$i}-dark:hover,._focus-bg#{$i}-dark:focus,._link-bg#{$i}-dark:link,._active-bg#{$i}-dark:active,._visited-bg#{$i}-dark:visited{
			@extend .bg#{$i}-dark;
		}
		
		._hover-border-color#{$i}:hover,._focus-border-color#{$i}:focus,._link-border-color#{$i}:link,._active-border-color#{$i}:active,._visited-border-color#{$i}:visited{
			@extend .border-color#{$i};
		}
		._hover-border-color#{$i}-light:hover,._focus-border-color#{$i}-light:focus,._link-border-color#{$i}-light:link,._active-border-color#{$i}-light:active,._visited-border-color#{$i}-light:visited{
			@extend .border-color#{$i}-light;
		}
		._hover-border-color#{$i}-dark:hover,._focus-border-color#{$i}-dark:focus,._link-border-color#{$i}-dark:link,._active-border-color#{$i}-dark:active,._visited-border-color#{$i}-dark:visited{
			@extend .border-color#{$i}-dark;
		}
	}
	
